@charset "utf-8";

/* 自定义图标 */
@font-face {
  font-family: 'iconsort';
  src: url('../font-mall/font_sort.eot');
  src: url('../font-mall/font_sorti.eot?#iefix') format('embedded-opentype'),
    url('../font-mall/font_sort.woff2') format('woff2'),
    url('../font-mall/font_sort.woff') format('woff'),
    url('../font-mall/font_sort.ttf') format('truetype'),
    url('../font-mall/font_sort.svg#iconfont') format('svg');
}

.web-icon {
  font-family: "iconsort" !important;
  font-size: 0.2rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

.web-sort-down:before {
  content: "\e843";
}

.web-sort-up:before {
  content: "\e844";
}

.web-icon-threeline:before {
  content: "\eb9f";
}

.web-icon-work:before {
  content: "\eba1";
}


.nd-sort {
  color: #bcbcbc;
  display: inline-block;
  height: 0.14rem;
  line-height: 0.14rem;
  vertical-align: middle;
  margin-left: 0.05rem;
}

.md-sort {
  color: #bcbcbc;
  display: inline-block;
  height: 0.28rem;
  line-height: 0.14rem;
  vertical-align: middle;
  margin-left: 0.05rem;
}

.curr .md-sort.up .web-sort-up {
  color: #0045AD;
}

.curr .md-sort.down .web-sort-down {
  color: #0045AD;
}

.curr .md-sort.curr .web-sort-up,
.curr .md-sort.curr .web-sort-down {
  color: #0045AD;
}


.select .nd-sort .web-icon {
  color: #0045AD;
}